body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins,a{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}body{font:13px arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

html{background: url(../images/search-bottom-bg.png); overflow-x: hidden;}
body{font:12px 'Open Sans', sans-serif; color:#000; background: #fafafa; overflow-x: hidden; width: 100%;  height: 100%;}
h1{font-size: 3.75vw /*25px*/; font-weight: 300; color: #fff;}
h2{font: /*9.375vw*/60px 'Open Sans', sans-serif; color: #fff; padding-bottom: 25px; font-weight: 300; line-height: 67px;}
h3, h4, h5, h6{font:14px 'Open Sans', sans-serif; color:#000;}
a{color:#fff;}
input, textarea, select, button{font:12px 'Open Sans', sans-serif; color:#000; font-weight: 300;}
.cb{clear:both;}
.colLeft{/*float: left;*/ display:inline-block;}
.colRight{float: right;}
strong{font-weight: 400;}
.page{/*position: absolute;*/ width: 100%; top: 82px; float: left;}
.sideMenu{position: absolute; z-index: 1;}
.content{position: absolute;}
.overflowWrap{overflow-x: hidden;  height: 100%; width: 100%;}


/*** header **/
#header{background:url(../images/black-transparent-bg.png); position: fixed; z-index: 999; width: 100%; /*height:82px;*/}
#header .mainMenuLink{float: left; /*background:url(../images/menu-link-bg.png) no-repeat 0 0;*/ display: inline-block; margin: 14px 4.53125% 0 2.5%; width: 11.5625%/*74px*/; /*height: 56px;*/ max-width: 74px;}
#header .mainMenuLink img{width: 100%; height: auto;}
#header .topLinks{/*height: 82px;*/ float: left; margin-left: 0; border-left: 1px solid #2f333a; border-right: 1px solid #2f333a; text-transform: uppercase;}
#header .topLinks ul li{float: left; font-size: 20px; line-height: 82px; height: 82px; border-right: 1px solid #14151a;}
#header .topLinks ul li:last-child{border-right: 0;}
#header .topLinks ul li:hover a, #header .topLinks ul li.active a{background:url(../images/menu-hover.png) no-repeat center bottom; padding-bottom: 16px;}
#header .topLinks ul li a{display: block; color: #fff; text-align: center; padding: 0 80px;}
#header .topLinks ul li:hover, #header .topLinks ul li.active{background:#4e83e6;}

/** sideMenu - width => 540px ***/
.sideMenu{background: url(../images/search-bottom-bg.png); width: 84.375%;}
.sideMenu .search{background: url(../images/search-bg.png); height: 87px;}
.sideMenu .search{/*position: absolute; left: 0; top: 0;*/ border-top: 1px solid #0f1215; }
.sideMenu .search form{background: #fff; border-radius: 25px; margin: 13px 0 0 3.333333333333333%; width: 93.33333333333333%; height: 53px;}
.sideMenu .search input{background: none; border: none;}
.sideMenu .search input[type="text"]{margin: 7px 0 0 23px; float: left; font-size: 26px; outline: none; width: 70%;}
.sideMenu .search input[type="submit"]{margin: 11px 17px 0 0; float: right; width: 27px; height: 27px; background: url(../images/search-submit-button.png) no-repeat 0 0; outline: none; cursor: pointer;}
.sideMenu .search input[type="text"]::-webkit-input-placeholder, #header .search input[type="text"]:-moz-placeholder, #header .sideMenu .search input[type="text"]:-ms-input-placeholder{color: #747474;}
.sideMenu  .searchBottom{background: url(../images/search-bottom-bg-shadow.png) repeat-y 100% 0;}
.sideMenu .profilePic{float: left; width: 37.77777777777778%; /*height: 290px;*/ position: relative; margin: 19px 0 0 2.777777777777778%; position: relative; max-width: 204px;}
.sideMenu .profilePic .ribbon{width: 100%; max-height: 290px; /*position: absolute;*/}
.sideMenu .profilePic .profImgBox{width: 78.75%; max-height: 189px; border-radius: 100px; overflow: hidden; position: absolute; max-width: 189px; left: 11%; top: 29px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);}
.sideMenu .profilePic .profImgBox img{width: 100%; height: auto;}
.sideMenu .profileDetail{width: 57%; float: left; font-weight: 300; padding-left: 2%; padding-top: 56px;}
.sideMenu .profileDetail .title{font-size: /*7.1875vw*/46px; color: #fff; text-shadow: 1px 1px 1px #000; font-weight: 300; padding-bottom: 14px;}
.sideMenu .profileDetail .postion{padding-bottom: 5px; font-size: /*4.0625vw*/26px;color: #fff; text-shadow: 1px 1px 1px #000;}
.sideMenu .profileDetail .postion .value{font-size: 4.0625vw26px; color: #e95243; padding-left: 8px;}
.sideMenu .profileDetail .postion .value2{padding-left: 22px;}
.sideMenu .profileDetail .level{font-size: /*4.375vw*/28px; color: #089dd2; text-shadow: 1px 1px 1px #000; font-weight: 300;}
.sideMenu .menu{margin-top: 13px;}
.sideMenu .menu ul li{height: 104px; background: url(../images/menu-bg.png) repeat-x 0 0;}
.sideMenu .menu ul li a{display: block; line-height: 104px; color: #d4d9dc; font-size: /* 3.75vw*/24px; text-shadow: 1px 1px 1px #000; text-transform: uppercase;}
.sideMenu .menu ul li a span.icon{display: inline-block; /*width: 27.03703703703704%*/; /*height: 104px;*/ vertical-align: middle; text-align: center; padding: 0 36px;}
/*.sideMenu .menu ul li.home a span.icon{background: url(../images/icon-home.png) no-repeat center center;}
.sideMenu .menu ul li.reward a span.icon{background: url(../images/icon-reward.png) no-repeat center center;}
.sideMenu .menu ul li.me a span.icon{background: url(../images/icon-me.png) no-repeat center center;}
.sideMenu .menu ul li.help a span.icon{background: url(../images/icon-help.png) no-repeat center center;}
.sideMenu .menu ul li.signout a span.icon{background: url(../images/icon-signout.png) no-repeat center center;}*/

/*** home - page1 ***/
.placeBox{position: relative; height: 558px; border-bottom: 1px solid  #030303; overflow: hidden;}
.placeBox .placeContent{position: relative; margin-top: 290px; width: 100%;}
.placeBox .placeImg{position: absolute; width: 100%; top: 0; left: 0; height: 100%;}
.placeBox .blackCover{position: absolute; width: 100%; bottom: 0; left: 0;}
.placeBox .moreBtn{/*margin-top: 171px;*/ display: inline-block; background: #fc561d; padding: 10px 3.90625%/*25px*/ 11px 4.84375%/*31px*/; font-size: /*3.28125vw*/21px; border-radius: 30px; bottom: 0; margin-right: 2.03125%; /*position: absolute;*/}
.placeBox .moreBtn span{display: inline-block; padding: 0 0 0 25px; right: 0;}
.placeBox .placeContent .colLeft{/*width: 315px;*/width: 64%; padding-left: 5.3125%/*34px*/;}
.placeBox .placeContent .colRight{padding-right:2.03125%/*13px*/;}
.placeBox .placeContent .colLeft span{margin-left: 8px; padding: 0 0 0 31px; font-weight:300; font-size:/* 3.125vw*/20px; color: #fff; display: block; margin-bottom: 10px;}
.placeBox .placeContent .colLeft span.firstTxt{background: url(../images/green-place-icon.png) no-repeat 3px center;}
.placeBox .placeContent .colLeft span.secondTxt{font-size: /*2.8125vw*/18px; background: url(../images/timer-icon.png) no-repeat 0 center;}

/*** registerMe - page3 ***/
#registerMe .regHeader{height: 83px; width: 100%; background-color: #0a0a13; text-transform: uppercase; position: relative;}
#registerMe .regHeader .backBtn{position: absolute; top: 18px; left: 2.8125%; display: inline-block; font-weight: 400; font-size: 15px;}
#registerMe .regHeader .backBtn img{padding-right: 18px/*1.875vw*/; vertical-align: middle;}
#registerMe .regHeader h1{line-height: 83px; text-align: center; text-shadow: 1px 1px 1px #000;}
#registerMe .regContent{text-align: center; background: url(../images/register-bg.jpg);}
#registerMe .regContent h2{text-align: center; color: #4e83e6; font-weight: 300; font-size: 31px; padding: 55px 0 30px; line-height: normal;}
#registerMe .regContent form{/*width: 508px;*/ width: 79.375%; margin: auto; padding-bottom: 38px;}
#registerMe .regContent form label{font-size: 18px; color: #ccc;}
#registerMe .regContent form .fieldWrapper{/*width: 418px;*/ width: 82.28346456692913%; margin: auto;}
#registerMe .regContent form .field{height: 73px; position: relative; background: url(../images/input-bg.png) repeat-x 0 bottom; margin-bottom: 19px;}
#registerMe .regContent form .field:before{left: -45px; content: ''; position: absolute; width: 45px; height: 73px; background: url(../images/input-left-corner.png) no-repeat right bottom;}
#registerMe .regContent form .field:after{right: -45px; top: 0; content: ''; position: absolute; width: 45px; height: 73px; background: url(../images/input-right-corner.png) no-repeat right bottom;}
form .field.focus, form .field.focus:before, form .field.focus:after{background-position:0 0 !important;}
#registerMe .regContent form .field input{width: 100%; height: 73px;border: none; background: none; font-size: 22px; color: #fff; outline: none;}
#registerMe .regContent form .field span.icon{display: inline-block; width: 21px; height: 73px; background-position: right center; background-repeat: no-repeat; position: absolute; right: -21px; top: 0; z-index: 1;}
#registerMe .regContent form .name.field span.icon{background-image: url(../images/icon-name.png);}
#registerMe .regContent form .email.field span.icon{background-image: url(../images/icon-email.png);}
#registerMe .regContent form .pin.field span.icon{background-image: url(../images/icon-pin.png);}
#registerMe .regContent form p{font-size: 24px; line-height: 33px; color: #cccccc; font-weight: 300; padding: 13px 0 23px;}
#registerMe .regContent form p span.blueTxt{color: #4e83e6; font-weight: 400;}
#registerMe .regContent form .month.field{float: left; width: 36.1244019138756%;}
#registerMe .regContent form .year.field{float: right; width: 36.1244019138756%;}
#registerMe .regContent form .month.field input, #registerMe .regContent form .year.field input{text-align: center;}
#registerMe .regContent form .agreeChkbox{margin-right: 13px; display: inline-block;  background: url(../images/check-box-bg.png) no-repeat 0 0;}
#registerMe .regContent form .agreeChkbox.tick{background-position: right 0;}
#registerMe .regContent form .agreeChkbox input{width: 29px; height: 28px; vertical-align: middle;}
#registerMe .regContent form .signup, #login form .login, #login form .signupNow{background: #4e83e6; color: #fff; line-height: 71px; width: 100%; border: none; font-size: 30px; font-weight: 300; margin-top: 38px; border-radius: 40px; outline: none; cursor: pointer;}

/*** login - page4 ***/
#login .longinWrapper{position: relative;}
#login .loginBG{width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: -1; min-height: 960px;}
#login .info{text-align:center; padding-top: 27px;}
#login .info a{position: absolute; top: 27px; right: 23px; display: inline-block; width: 55px; height: 54px;}
#login .logo{padding: 36px 5px 47px; text-align: center; margin: auto; max-width: 299px;}
#login .logo img{width: 100%;}
#login form{text-align: center; width: 79.375%; margin: auto; padding-bottom: 67px;}
#login form h2{font-size: 33px; color: #fff; line-height: initial; padding-bottom: 16px;}
#login form .field{height: 71px; position: relative; background: url(../images/login-input-bg.png) repeat-y 0 0; margin-bottom: 19px; border-radius: 40px;}
#login form .field .inputWrapper{padding: 0 34px;}
#login form .field input{width: 100%; height: 71px;border: none; background: none; font-size: 22px; color: #fff; outline: none;}
#login form .login{background: #fc561d; }
#login form .forgotPassLink{font-size: 24px; text-decoration: underline; color: #fff; padding: 32px 0; font-weight: 300;}
#login form .or{background: url(../images/or-bg.png) no-repeat center center; height: 36px;}
#login form .signupNow{display: inline-block;}
#login form .registerLine{background: url(../images/register-line.png) no-repeat center center; height: 28px; margin: 39px 0 41px;}
#login form .socialBtn{display: inline-block; height: 51px; width: 46.45669291338583%; border-radius: 45px; border: 1px solid  #fff; text-align: center; color: #fff; font-size: 24px; line-height: 51px; font-weight: 300;}
#login form .socialBtn.fb{background: url(../images/icon-fb.png) no-repeat left 0; float: left;}
#login form .socialBtn.twitter{background: url(../images/icon-twitter.png) no-repeat left 0; float: right;}